<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖南省自来水公司营销管理信息系统</title> 
	
	<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/text.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/form.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/buttons.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen" title="no title" />	
	<link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" title="no title" />	
	
	<link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />
	
	<link rel="stylesheet" href="../css/custom.css" type="text/css" media="screen" title="no title">
	
</head> 
 
<body> 

<div id="wrapper">
	<div id="bool"><script>window.onload=function (){  $("#bool").load("../ming.html");}</script></div>


	
	<div id="content" class="xgrid" >

		<div class="x12">
			
			<h2>收费人员发票查询</h2>
			
			<div class="reportTitle">
				收费人员发票执有情况报表
			</div>
			<table class="data display datatable">
				<thead>
					<tr>
						<th>收费员</th>
						<th width="130">总张数</th>
						<th width="130">已用数</th>
						<th width="130">作废数</th>
						<th width="130">待用数</th>
						<th width="130">已交数</th>
						<th width="130">未交数</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="item in list">
						<td v-text="item.empNmae" class="center">收费人</td>
						<td v-text="item.outCounts" class="center">总票数</td>
						<td v-text="item.used" class="center">已用数</td>
						<td v-text="item.invalid" class="center">作废数</td>
						<td v-text="item.outCounts-(item.used+item.invalid)" class="center">待用数</td>
						<td v-text="item.arCounts" class="center">已交数</td>
						<td v-text="item.outCounts-item.arCounts" class="center">未交数</td>
					</tr>

				</tbody>
			</table>

				
		</div> <!-- .x12 -->
		
	</div> <!-- #content -->
	
	<div id="footer">		

	</div> <!-- #footer -->
	
</div> <!-- #wrapper -->

<script src="../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../js/misc/excanvas.min.js"></script>
<script src="../js/jquery/facebox.js"></script>
<script src="../js/jquery/jquery.visualize.js"></script>
<script src="../js/jquery/jquery.dataTables.min.js"></script>
<script src="../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../js/jquery/jquery.uniform.min.js"></script>
<script src="../js/jquery/jquery.placeholder.min.js"></script>

<script src="../js/widgets.js"></script>
<script src="../js/dashboard.js"></script>
<script src="../My97DatePicker/WdatePicker.js"></script>


<script src="../js/vue.js"></script>
<script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
<script>
    new Vue({
        el: '#content',
        data() {
            return {
                list: [],
            }
        },
        mounted() {
            axios.get('/FPSF').then(response => (this.list = response.data));
        },

        watch: {
            list: function () {
                this.$nextTick(function () {
                    $(document).ready(function () {
                        Dashboard.init();
                    });
                });
            },
        },
    });
</script>


<!--<script type="text/javascript">-->
	<!---->
<!--$(document).ready ( function () -->
<!--{-->
	<!--Dashboard.init ();-->
	<!---->
<!--});-->


<!--</script>-->

</body> 
 
</html>